// 引入全局样式
import "@/styles/global.scss";
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
import '@arco-design/web-vue/dist/arco.css';
import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
// 引入状态管理
import { setupStore } from '@/store';
// qiankun
import { registerMicroApps, start } from "qiankun";
// 初始化全局状态

let app = createApp(App);

// 全局应用名称
const { VITE_APP_CUSTOMER_MANAGE, VITE_APP_CUSTOMER_MANAGE_ENTRY, 
		VITE_APP_APPROVE_MANAGE, VITE_APP_APPROVE_MANAGE_ENTRY,
		VITE_APP_CHAT_MANAGE, VITE_APP_CHAT_MANAGE_ENTRY } = import.meta.env;
// const localIp = window.location.host?.split(':')[0]; // ip
const apps: any[] = [
	// {
	// 	name: VITE_APP_APPROVE_MANAGE,
	// 	entry: VITE_APP_APPROVE_MANAGE_ENTRY,
	// 	container: "#container",
	// 	activeRule: `/${VITE_APP_APPROVE_MANAGE}`,
	// },
	{
		name: VITE_APP_CHAT_MANAGE,
		entry: VITE_APP_CHAT_MANAGE_ENTRY,
		container: "#container",
		activeRule: `/${VITE_APP_CHAT_MANAGE}`,
		props: {
			isMain: true,
		},
	},
	{
		name: VITE_APP_CUSTOMER_MANAGE, // 应用的名字
		entry: VITE_APP_CUSTOMER_MANAGE_ENTRY, // 默认加载这个html，解析里面的js动态的执行（子应用必须支持跨域，内部使用的是 fetch）
		container: "#container", // 要渲染到的节点id，对应上一步中src/App.vue中的渲染节点
		activeRule: `/${VITE_APP_CUSTOMER_MANAGE}`,
	},
];

registerMicroApps(apps); // 注册应用
start({
	// prefetch: 'all', // 预加载
	// sandbox: {
	// 	strictStyleIsolation: true, // 关闭严格样式隔离
	// 	// experimentalStyleIsolation: true, // 使用动态样式隔离
	// },
    // singular: true, // 可选，是否为单实例场景，单实例指的是同一时间只会渲染一个微应用。默认为 true。
}); // 开启应用

// setDefaultMountApp(`/${VITE_APP_CHAT_MANAGE}`);

setupStore(app);
app.use(router);
app.use(ArcoVueIcon);
app.mount('#app');
